@charset "UTF-8";
/* 歌斐木音乐工作室样式文件 */


.music-navbar{
	background: #202020;
	padding: .6rem .6rem;
	box-shadow: 0 .1rem .8rem #121212;
	position: fixed;
	display: block;
	z-index: 10;
	width: 100%;
}
.btn.music-nav{
	color:#ffffff;
    /* color: #5755d9; */
    cursor: pointer;
    display: inline-block;
    font-size: .8rem;
    height: 1.8rem;
    line-height: 1.2rem;
    outline: none;
    padding: .25rem .6rem;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.btn.btn-link.music-nav:focus, .btn.btn-link.music-nav:hover, .btn.btn-link.music-nav:active, .btn.btn-link.music-nav.active {
	color:#32C4AA；
}
.music-banner {
	background:url(../images/img_index_banner.png) no-repeat center center;
	width:100%;
	height:720px;
	position: relative;
	z-index: 0;
}
.music-banner h1{
	margin: 0 auto;
	color: #ffffff;
	text-align: center;	
	font-size: 2.4rem;
}
.music-banner h5{
	margin: 0 auto;
	color: #ffffff;
	text-align: center;	
	letter-spacing: .1rem;
}
.banner-text{
	transform: translate3d(-50%,-50%,0);
	position: absolute;
	display: block; 
	top: 56%;
	left: 50%;
}
.about-box{
	height: 440px;
	max-width: 1200px;
	margin: -30px auto;
	z-index: 8;
	position: relative
}
.about-intro{
	background: #202020;
	padding: 2.8rem 3rem;
}
.about-intro h2,.about-intro p{
	color: #ffffff;
	letter-spacing: .02rem;
}
.about-text{
	margin-top: 2.5rem;
	line-height: 1.2rem;
	opacity: .8;
}
.greencolor{
	color: #47d2b9;
}
.about-pic{
	background:url(../images/img_about_people.png) no-repeat top center;
	height: 440px;
}
.Dubbing-box{
	max-width: 1200px;
	margin: 5rem auto; 
}
.column-title{
	text-align: center;
	color: #ffffff;
	width: 100%;
}
.column-subtitle{
	text-align: center;
	color: #ffffff;
	width: 100%;
	margin-top: .2rem;
	letter-spacing: .02rem;
}
.pro-box{
	margin: 0 auto; 
	background: url(../images/bg_pro_room.png) no-repeat center center;
}
.pro-content{
	max-width: 1200px;
	margin: 0 auto;
	padding: 5rem 0;
}
.pro-music-type{
	margin: 3rem auto;
}
.pro-pic{
	margin: 0 auto;
}
.pro-pic img{
	margin: 0 auto;
	display: block;
	width: 90%;
	height: 90%;
}
.pro-music-name{
	text-align: center;
	color: #ffffff;
	margin-top: 1rem;
}
.pro-other-business{
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.pro-business{
	padding: 0 1rem;
	margin-top: 1rem;
}
.pro-business img{
	float: left;
	width: 30%;
	display: block;
}
.pro-business-name{
	float: left;
	margin-left: .4rem;
	color: #ffffff;
	opacity: .8;
	line-height: 1.5rem;
}
.pro-bar{
	text-align: center;
}
.brand-box{
	margin: 5rem auto;
	max-width: 1200px;
}
.brand-logo{
	margin: 0 auto;
	margin-top: 3rem;
} 
.contact-box{
	background: #202020;
	padding: 5rem 0;
}
.contact-code img{
	margin: 0 auto;
	margin-top: 3rem;
	display: block;
	width: 30%;
}
.contact-msg{
	color: #ffffff;
	text-align: center;
	background: #121312;
	padding: .6rem 0;
	opacity: .8;
}